<!--
 * @Author: your name
 * @Date: 2020-09-21 22:09:57
 * @LastEditTime: 2020-09-21 22:18:20
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \project\羊绒产业园\源码\fluff-industrial-park\src\views\message-detail.vue
-->
<template>
  <div class="message-detail"> 
     <heads title="系统消息"></heads>
      <div class="main-content">
          <div v-html="$route.params.content"></div>
      </div>
 
  </div>


</template>

<script>
import Mock from "mockjs";
export default {
  components: {
      heads: resolve => require(["@/components/common/heads"], resolve),
  },
  data() {
    return {
      muti:true,
      content:'',
     
    };
  },
   watch: {
    '$route.params.content':{
      handler(newVal,oldVal){
       
      },
      immediate:true
    }
  },
  methods: {
    MutiToggle(){
      let _this = this;
      _this.muti = !_this.muti
    }
  
  },
  created() {
    let _this = this;
    _this.list = _this.$store.state.EnrollInfo;
  
    console.log('报名详情',_this.list)
   
   
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.message-detail{
 box-sizing: border-box;
  min-height: 100vh;
  background:#fff;
  .main-content{
     padding: 0 .6rem;
       min-height: 92vh;
      font-size: .32rem;
      text-align: left;

  }


}

</style>
